export default {
  namespaced: true,
  state: () => ({
    //购物车的数组，用来存储购物车中每个商品的信息对象
    //每个商品的信息对象，都包含如下6个属性：
    //{goods_id,goods_name,goods_price,goods_count,goods_small_logo,goods_state}
    //将本地存储的数据读取出来保存到cart数组里面
    cart: JSON.parse(uni.getStorageSync('cart') || '[]')
  }),
  mutations: {
    //添加商品到购物车里面
    addToCart(state, goods) {
      const findResult = state.cart.find((x) => x.goods_id === goods.goods_id)
      console.log(findResult);
      //如果没有在购物车发现点击要加入的商品，就将其加入到cart数组里面
      if (!findResult) {
        // 如果商品是第一次加入购物车，初始化 goods_count 为 1
        state.cart.push({
          ...goods,
          goods_count: 1
        });
        //如果有在购物车发现点击要加入的商品，则只是将其购买数量＋1加入购物车中
      } else {
        findResult.goods_count++
      }
      console.log(state.cart);
      //通过commit 方法，调用m_cart 命名空间下的saveToStorage 方法
      this.commit('m_cart/saveToStorage')
    },
    //本地存储方法
    saveToStorage(state) {
      //变成字符串存储在本地数据中
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    },
    //更新圈圈勾选状态
    updateGoodsState(state, goods) {
      //选出购物车列表中和点击的商品列表相同的那个购物车商品对象
      const resultGoods = state.cart.find(x => x.goods_id === goods.goods_id)
      if (resultGoods) {
        //将点击的商品的圈圈resultGoods.goods_state的状态变成传入的状态值goods.goods_state
        resultGoods.goods_state = goods.goods_state
        //本地存储
        this.commit('m_cart/saveToStorage')
      }
    },
    //更新加入购物车里商品的数量
    updataNumber(state, goods) {
      const goodsResult = state.cart.find(x => x.goods_id === goods.goods_id)
      if (goodsResult) {
        goodsResult.goods_count = goods.goods_count
        //本地存储
        this.commit('m_cart/saveToStorage')
      }
    },
    //删除某项列表商品
    removeGoodsById(state, goods) {
      //把传过来的要删除的id过滤掉
      state.cart = state.cart.filter(x => x.goods_id !== goods.goods_id)
      //本地存储
      this.commit('m_cart/saveToStorage')
    },
    //更新购物车中所有商品的勾选状态
    updateAllGoodsState(state, newState) {
      //newState传入的值控制着小复选框的所有值，在my-settle.vue中被调用方法传入的是全选按钮的状态
      state.cart.forEach(item => item.goods_state = newState)
      //本地存储购物车中列表的状态
      this.commit('m_cart/saveToStorage')
    }


  },
  getters: {
    //统计购物车所有的商品数量
    totalCount(state) {
      // let c = 0
      // state.cart.forEach((goods) => c += goods.goods_count)
      // return c
      return state.cart.reduce((total, item) => total += item.goods_count, 0)
    },
    //统计购物车勾选结算的商品的总数量
    checkedCount(state) {
      //先使用 filter 方法，从购物车中过滤器已勾选的商品
      //再使用 reduce 方法，将已勾选的商品总数量进行累加
      //reduce()的返回值就是已勾选的商品的总数量
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
    },
    //统计已经勾选商品的总价
    checkedGoodsAmountPrice(state) {
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count * item.goods_price,
        0).toFixed(2)
    }
  }
}